import { Component } from 'react'

class Card extends Component {
	render() {
		const { title = 'title' } = this.props
		return (
			<div
				style={{
					margin: '10px',
					padding: '10px',
					display: 'inline-block',
					boxSizing: 'border-box',
					border: '1px solid silver',
					minHeight: '300px',
					verticalAlign: 'top',
				}}
			>
				<h3>{title}</h3>
				<div>{this.props.children}</div>
			</div>
		)
	}
}

export default Card
